<?php 
date_default_timezone_set('America/Bogota');
if($this->session->userdata("rolId") == "1"){ 
    $columna = "['Fecha Publicación','Tipo','Nombre','Descrip','Fecha Cierre','Causa Cierre','Empresa']";
    $width = "[180,100,300,300,200,300,300]";
}else{
    $columna = "['FecContrato','Tipo','Nombre','Descripción','Institución','CumpExp','CumpHorario','FechaCierreContrato','Causa Cierre']";
    $width = "[180,100,300,320,200,120,120,180,400]";
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url()."css/redmond/jquery-ui-1.8.14.custom.css";?>" rel="stylesheet" />
        <script src="<?php echo base_url()."js/jquery-ui-1.8.14.custom.min.js";?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url()."css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url()."js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIniCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFinCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecIniCierre").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFinCierre").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/indicaInstiContra/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Solicitudes Contratadas','TOTAL'],
                    colModel :[
                        {name:'contratoEstado',index:'contratoEstado', width:630,editable:false},
                        {name:'total',index:'total', width:240,editable:true,align:"right"}
                    ],
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'contratoEstado',
                    sortorder: "asc",
                    viewrecords: true,
                    postData: {
                        estado: function() { return $("#estado").val(); },
                        tipo: function() { return $("#tipo").val(); },
                        fecIniCrea: function() { return $("#fecIniCrea").val(); },
                        fecFinCrea: function() { return $("#fecFinCrea").val(); },
                        fecIniCierre: function() { return $("#fecIniCierre").val(); },
                        fecFinCierre: function() { return $("#fecFinCierre").val(); },
                        nombre: function() { return $("#nombre").val(); },
                        descrip: function() { return $("#descrip").val(); },
                        desde: function() { return $("#desde").val(); },
                        empresa: function() { return $("#empresas").val(); },
                        hasta: function() { return $("#hasta").val(); }
                    },
                    subGrid : true,
                    subGridUrl: '<?php echo site_url("subgrilla/indicaInstiContra/"); ?>',
                    subGridModel: [{ name : <?php echo $columna; ?>, width : <?php echo $width; ?>} ] ,
                    caption: 'SOLICITUDES DE SERVICIOS/ASESORÍAS CONTRATADAS',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#btnGuardar").click(function(){
                        jQuery("#list").jqGrid('setGridParam',{url: "<?php echo site_url("grilla/indicaInstiContra/"); ?>"}).trigger('reloadGrid');
                        $("#divBusAvanzada").css("display", "block");
                });
                $("#estado").change(function(){
                    var valor = $(this).val();
                    $("#divFecCrea").css("display", "none");
                    $("#divFecCierre").css("display", "none");
                    if(valor != ""){
                        if(valor == "A")
                            $("#divFecCrea").css("display", "block");
                        if(valor == "C")
                            $("#divFecCierre").css("display", "block");
                    }
                    return;
                });
                $("#btnPrueba").click(function(){
                    alert("si");
                    jQuery('#list').setPostData({miguel:"vlaMiguel"});
                })
                <?php $this->load->view('enReady'); ?>
                });
        </script>
    </head>
    <body>
        <form id="formExperiencia" action="<?php echo site_url("reporteEmpresa/ofertLab/"); ?>" method="post" >
            <div class="divTitulo">REPORTE DE SERVICIOS Y/O ASESORÍAS CONTRATADOS</div>
                <div>
                    <table>
                        <tr>
                            <td><label for="estado">Estado</label></td>
                            <td>
                            <select id="estado" name="estado" title="Elija el estado que desea filtrar" >
                                <option value="">Todos</option>
                                <option value="A" >Contratos Vigentes</option>
                                <option value="C" >Contratos Cerrados</option>
                            </select> 
                            </td>
                            <td><label for="tipo">Tipo</label> </td>
                            <td>
                                <select id="tipo" name="tipo" title="Elija el tipo de solicitud que desea filtrar">
                                    <option value="">Todos</option>
                                    <option value="Asesoria">Asesoria</option>
                                    <option value="Servicios">Servicios</option>
                                </select>
                            </td>
                            <?php if($this->session->userdata("rolId") == "1"){ ?>
                                <td><label for="empresas">Empresa</label></td>
                                <td>
                                <select id="empresas" name="empresas" title="Filtre por una empresa en especifico">
                                        <option value="">Todas</option>
                                        <?php foreach($empresas->result() as $row)
                                                echo "<option value='{$row->empresaId}'>{$row->empresaRazon}</option>";
                                        ?>
                                    </select>
                                </td>
                            <?php } ?>                
                        </tr>
                    </table>
                </div>
            <div id="divFecCrea" style="display: none">
                <fieldset style="width: 70%">
                    <legend>Fecha de Contratación</legend>
                    <label for="fecIniCrea">Fecha de Contratación Inicial</label><input type="text" id="fecIniCrea" name="fecIniCrea" title="Fecha inicial de crecación de la oferta" size="9" />
                    <label for="fecFinCrea">Fecha de Contratación Final</label><input type="text" id="fecFinCrea" name="fecFinCrea" title="Fecha final de crecación de la oferta" size="9" />
                </fieldset>
            </div>
            <div id="divFecCierre" style="display: none">
                <fieldset style="width: 50%">
                    <legend>Fechas de Cierre Contrato</legend>
                    <label for="fecIniCierre">Fecha Inicial</label><input type="text" id="fecIniCierre" name="fecIniCierre" title="Fecha inicial de la consulta" size="9" />
                    <label for="fecFinCierre">Fecha Final</label><input type="text" id="fecFinCierre" name="fecFinCierre" title="Fecha final de la consulta" size="9" />
                </fieldset>
            </div>
        <table>
            <tr>
                <td><label for="nombre">Nombre</label></td>
                <td><input type="text" id="nombre" name="nombre" title="Digite el nombre de la solicitud para la consulta"  /> </td>
                <td><label for="descrip">Descripción</label></td>
                <td><input type="text" id="descrip" name="descrip" title="Digite parte parte o la descripción completa que desea filtrar"  /> </td>
            </tr>
            <tr align="center">
                <td colspan="4">
            <fieldset>
                <legend>Rango Salarial</legend>
                <table>
                    <tr>
                        <td><label for="desde">Desde</label></td>
                        <td><input type="text" id="desde" name="desde" title="Ingrese la base minima del salario que desea filtrar"  size="9" style="text-align: right"  /> </td>
                        <td><label for="hasta">Hasta</label></td>
                        <td><input type="text" id="hasta" name="hasta" title="Ingrese el tope maximo salarial que desea filtrar"  size="9" style="text-align: right" /> </td>
                    </tr>
                </table>
            </fieldset>
                </td>
            </tr>
            <tr>
                <td colspan="4" style="text-align: center">
                    <input type="button" value="Consultar" id="btnGuardar" />
                    <input type="button" value="Limpiar" onclick="" id="btnPrueba" />
                </td>
            </tr>
        </table>
    </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
